<template>
  <el-tooltip placement="bottom" popper-class="popper-tooltip" effect="light">
    <div slot="content">
      <div v-for="(item,index) in tooltipOption.options" :key="index">{{item}}</div>
    </div>
    <span style="color: #606266">
      <i class="el-icon-question"></i>{{tooltipOption.title ? tooltipOption.title : '帮助提示'}}</span>
  </el-tooltip>
</template>

<script>
export default {
  name: 'Tooltip',
  props: { tooltipOption: Object }
}
</script>

<style lang="less">
@import "../../../assets/css/global.less";
.popper-tooltip {
  max-width: 500px;
}
</style>
